<% @page_title = "Have you said something nice today? Grousesocks." %>

<% @body_class = "home" %>

<% content_for "header_title" do %>
  <h1>Grousesocks</h1>
  <h2>Have you said something nice today...?</h2>
<% end %>

<div id="profiles">
	<dl class="peep">
		<dt>Lachstock</dt>
		<dd class="avatar">
      <%= image_tag 'avatars/lachstock.jpg', :alt => ' ', :size => '48x48' %>
		</dd>
		<dd class="note char120a">
			<p>You have a nice smile</p>
		</dd>
		<dd class="note char80c">
			<p>I like the way you sing</p>
		</dd>
		<dd class="note char40b">
			<p>UR the best!!!</p>
		</dd>
	</dl> <!-- // .peep -->

	<dl class="peep">
		<dt>ToolmanTim</dt>
		<dd class="avatar">
			<%= image_tag 'avatars/toolmantim.jpg', :alt => ' ', :size => '48x48' %>
		</dd>
		<dd class="note char80b">
			<p>You're funny</p>
		</dd>
		<dd class="note char40d">
			<p>U have fresh breath</p>
		</dd>
		<dd class="note char80a">
			<p>Your girlfriend is pretty!</p>
		</dd>
	</dl> <!-- // .peep -->

	<dl class="peep you">
		<dt><em>You!</em></dt>
		<dd class="avatar">
			<%= image_tag 'avatars/anon.jpg', :alt => ' ', :size => '48x48' %>
		</dd>
		<dd class="note">
			<p>Register now and create your own envelope so you can start receiving your own notes too!</p>
		</dd>
	</dl> <!-- // .peep -->
	
</div> <!-- // #profiles -->

<% content_for "after_layout" do %>
<div id="subcontent">
	<form action="" id="find-friends" method="post">
		<fieldset>
			<legend>Find more Friends</legend>
			<label for="friendname">
				<span>Type your friend's name</span>
				<input id="friendname" name="friendname" type="text" />
			</label>
			<input class="submit" type="submit" value="Find" />
          </fieldset>
        </form> <!-- // #find-friends -->

	<div id="explore">
		<h3>Explore notes</h3>
		<ul>
			<li><a href="#">I like you</a></li>
			<li><a href="#">You're cute</a></li>
			<li><a href="#">I think you smell nice</a></li>
			<li><a href="#">You're very friendly</a></li>
			<li><a href="#">Fun!!!</a></li>
		</ul>
	</div> <!-- // #explore -->
</div> <!-- // #subcontent -->
<% end %>